<div class="pb-sp-item pb-sp-item-list-d" id="SuperPageItem_{{$id}}">
    <div class="pb-container">
        <div class="t-title">{{$content['title'] or ''}}</div>
        <div class="t-sub-title">{{$content['subTitle'] or ''}}</div>
        <div class="t-list">
            <div class="uk-grid">
                @foreach($content['list'] as $item)
                    <div class="uk-width-1-{{$content['mRowCount']}} uk-width-medium-1-{{$content['pcRowCount']}}">
                        <div class="t-item @if(!empty($item['imageHover'])) hover @endif">
                            <div class="icon">
                                <div class="image t-item-ratio-{{$content['ratio']}}" data-src="{{\TechSoft\Laravel\Assets\AssetsUtil::fix($item['image'])}}"></div>
                                @if(!empty($item['imageHover']))
                                    <div class="image hover t-item-ratio-{{$content['ratio']}}" style="background-image:url({{\TechSoft\Laravel\Assets\AssetsUtil::fix($item['imageHover'])}})"></div>
                                @endif
                            </div>
                            <div class="title animated" data-animate-scroll="fadeInUp" >{{$item['title']}}</div>
                            <div class="content animated" data-animate-scroll="fadeInUp" >{!! \TechSoft\Laravel\Util\HtmlUtil::text2html($item['content']) !!}</div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
</div>
